$(function(){
    // 实现分页获取
    function getCommentsBypage(pageIndex, pageSize) {
         $.ajax({
             type: 'get',
             url: '/admin/comments/getCommentsBypage',
             data: {
                 pageIndex,
                 pageSize
             },
             success(res) {
                 res.data.forEach(e => {
                     e.created=e.created.substring(0,10);
                 });
                //  res.data.created = res.data.created.substring('10');
                //  console.log(res.data);
                //  console.log(res.data[0].created)
                 let html = template('template', res.data);
                 $('tbody').html(html);
                 makePagination(res.total);
             }
         })
    }
   getCommentsBypage(1,10);//第一页默认的所以需要先执行一次
//    实现分页
    function makePagination(total){
        // 分页
        $('.pagination').twbsPagination({
            totalPages: total, //一共多少页
            visiblePages: 5, //
            first: '首页',
            last: '尾页',
            prev: '上一页',
            next: '下一页',
            // 分页需要执行的代码
            onPageClick: function (e, p) { //e表示开始的数据那条，p，表示一共页面展示几条数据
                getCommentsBypage(p, 10);
            }
        })
    }

    // 实现点击删除物理删除因为要给很多删除按钮注册点击事件所以用事件委托的方式
    let id=null;
    let oldTr=null;
    $('tbody').on('click', '#del', function () {
        oldTr = $(this).parents('tr')
        id = oldTr.attr('data-id');
        $('#modelId').modal();
        // console.log(id);
    })
    $('#del-sure').on('click',function(){
         $('#modelId').hide();
        $.ajax({
            type: 'get',
            url: '/admin/comments/deleteCommentsById',
            data: {
                id
            },
            success(res) {
                if (res.code === 200) {
                    oldTr.remove();
                }
            }
        })
    })
})
